﻿@{
    ViewBag.Title = "Home Page";
}

<link href="~/Scripts/layui/css/layui.css" rel="stylesheet" />
<link href="~/Content/css/style.css" rel="stylesheet" />
<script src="~/Scripts/jquery-3.4.1.min.js" type="text/javascript"></script>
<script src="~/Scripts/jsrender.min.js"></script>
<script src="~/Scripts/layui/layui.js"></script>
<script src="~/Scripts/ext.js" type="text/javascript"></script>
<script src="~/Scripts/fabric.min.js"></script>
<script src="~/Content/js/ppt.js"></script>
<div class="row">

    <div id="pptFile" style="width:800px;height:600px;border-color:black;border-width:1px;border-style:solid;">
        <div id="ctrl">
            <!--备注-->
            <div id="RemarkDiv">
            </div>
            <!--导航-->
            <div id="NavList">
                <ul id="NavMenuList">
                    <script type="text/x-jsrender" id="NavTemplate">
                        <li onclick="clickNav('{{:index}}')">
                            <img src="{{:thumbnail}}" />
                            <p> {{:title}} </p>
                        </li>
                    </script>
                </ul>
            </div>
            <!--ppt控制条-->
            <div class="ctrl_bar">
                <img data-index="1" src="/Content/img/1.png" onclick="up()" title="上一页" />
                <img data-index="2" src="/Content/img/2.png" onclick="down()" title="下一页" />
                <img data-index="3" src="/Content/img/3.png" onclick="RemarkVisible()" title="备注" />
                <img data-index="4" src="/Content/img/4.png" onclick="NavVisible()" title="导航" />
                <img data-index="5" src="/Content/img/5.png" onclick="clearCanvas()" title="清除" />
                <img data-index="6" id="pptMax" src="/Content/img/6.png" onclick="toggleFullScreen()" title="最大化" />
            </div>
        </div>
        <div id="svgUrl">
            <object id="svgUrl"
                    type="image/svg+xml" />
        </div>

    </div>
</div>
